<template>
   <el-row>
    <el-col class="row" :span="4"><slot name="left"></slot></el-col>
    <el-col class="row" :span="16"><h2>{{title}}</h2></el-col>
    <el-col class="row" :span="4"><slot name="right"></slot></el-col>
   </el-row>
    <el-divider />
</template>
<script setup>
   const props = defineProps({
      title:""
    })
</script>
<style scope>
  h2{text-align:center;}
  .row{height:80px;display:flex;justify-content:center;align-items:center}
</style>